/* 1.标签名选择器 */
h4 {
    color: red;
}
/* 2.id选择器 */
#d1 {
    width: 300px;
    height: 20px;
    background-color: yellow;
}
/* 3.类选择器 */
.error {
    background-color: rgb(216, 47, 166);
}
/* 4.并列选择器 */
#d1:hover {
    background-color: red;
}
/* 5.群组选择器 */
#d1,h4,.error {
    border: 1.5px solid rgb(30, 234, 88);
}
/* 6.伪类选择器 */
a:link {
    color: blue;
}
a:visited {
    color: gray;
}
a:hover {
    color: yellow;
}
a:active {
    color: green;
}
/* 7.属性选择器 */
input[name="uname"] {
    background-color: pink;
}
/* 8.通用选择器 */
* {
    font-style: normal;
}
/* 9.子选择器 */
#d2>div>p>span {
    color: steelblue;
}
/* 10.后代选择器 */
#d2 span {
    color: rgb(20, 217, 9);
}